<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <script>
    function init_viewport() {
      if(/Android ([\d\.]+)/.test(navigator.userAgent)) {
        var version = parseFloat(RegExp.$1); 
        if(version>2.3) {
          var width = window.outerWidth == 0 ? window.screen.width : window.outerWidth;
          var phoneScale = parseInt(width)/500;
          document.write('<meta name="viewport" content="width=500, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
        } else {
          document.write('<meta name="viewport" content="width=500, target-densitydpi=device-dpi, user-scalable=0">');    
        }
      } else if(navigator.userAgent.indexOf('iPhone') != -1){
        var phoneScale = parseInt(window.screen.width)/500;
        document.write('<meta name="viewport" content="width=500, min-height=750, initial-scale=' + phoneScale +', maximum-scale='+phoneScale+', user-scalable=0" /> ');         //0.75   0.82
      } else {
        document.write('<meta name="viewport" content="width=500, height=750, initial-scale=0.64" /> ');         //0.75   0.82
        // <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      }
    }

    init_viewport();
  </script>
  <title>Vite + Vue</title>
</head>
<body>
  <div id="app"></div>
  <script type="module" src="/src/main.js"></script>
</body>
</html>
